<link rel="stylesheet" href="/junxin_css/js/swiper/css/swiper.min.css">
<style>
    img {
        max-width: 750rem;
    }

    .swiper-wrapper > div>img  {
        /*width: 100%;*/
        height: 390rem;
        object-fit: cover;
        display: block;
    }
</style>

<div class="swiper-container">
    <div class="swiper-wrapper">

       {volist name="banners" id="item"}
        <div class="swiper-slide orange-slide">
            <img src="{$item['image']}" alt="">
        </div>
        {/volist}
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
<!-- banner结束 -->
<div class="i_product">
    <div class="i_title">
        Product display
        <h3>产品展示</h3>
    </div>
    <div class="list">
        <ul>
            {volist name="product" id="item"}
            <li>
                <a href="{:url('product/detail',['id'=>$item['id']])}">
                    <img src="{$item['image']}" alt="">
                    <p>{$item['title']}</p>
                </a>
            </li>
            {/volist}
        </ul>
    </div>
</div>
<!-- 产品结束 -->
<div class="lizu">
    <h1>
        君鑫贵金属
        <br>
        立足江西
        <br>
        面相国际
    </h1>
</div>
<!-- 立足结束 -->
<!-- xinlai -->
<div class="xinlai">
    <div class="title">
        <div>
            <p>为什么<span>君鑫贵金属</span>备受</p>
            <h3>万千客户所信赖</h3>
        </div>
    </div>
    <div class="trust">
        <ul>
            {volist name="trust" id="item"}
            <li>
                <div>
                    <img src="{$item['images']}" alt="">
                    <h3>{$item['title']}</h3>
                </div>
               {$item['content']}
                <img src="{$item['image']}" alt="">
            </li>
            {/volist}


        </ul>
    </div>
</div>
<!-- 信赖结束 -->
<!-- 关于我们 -->
<div class="about">
    <div class="i_title">
        COMPANY PROFILE
        <h3>关于我们</h3>
    </div>
    <div class="video">
        <div class="video_top">
            <video controls="" controlslist="nodownload" autoplay="autoplay"
                   poster="/junxin_css/images/fm.jpg">
                <source src="/junxin_css/images/sp.mp4" type="video/mp4">
            </video>
        </div>
    </div>
    <div class="shiming">
        <h3>公司使命</h3>
        <p>为商业伙伴创造独特价值，为员工提供更好发展平台，为社会贡献绿色再生资源，以社会责任以己
            任，以创新技术为核心，推动贵金属产业的可持续发展</p>
        <a href="">了解更多</a>
        <div class="xw">
            新闻资讯
            <br>
            NEWS
        </div>
    </div>
</div>
<!-- 关于结束 -->
<!-- news -->
<div class="i_news">
    <ul>

        {volist name="news" id="item"}
        <li><a href="{:url('news/detail',['id'=>$item['id']])}">{$item['title']}</a><span>{:date('Y-m-d',$item['createtime'])}</span></li>
        {/volist}


    </ul>
</div>
<!-- news结束 -->
<script src="/junxin_css/js/swiper/js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container',{
        loop: true,
        autoplay: 3000,
        paginationClickable: true,
        pagination : '.swiper-pagination',
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
    });
</script>
